<template>
	<view class="order">
		<sponsorship />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: true,
				showCome: false,
				list: [{
					name: '付费设置'
				}, {
					name: '售卖商品',
				}, {
					name: '目标设置',
				}, {
					name: '群设置'
				}],
				currentTab: 0, // 默认激活的tab索引
			}
		},
		methods: {
			tabChange(index) {
				console.log('tabChange called with index:', index);
				this.currentTab = index.index; // 假设currentTab是你需要更新的变量
				this.show = false
			}
		},
	}

</script>
<style>
	page {
		background-color: #f9f9f9;
	}

	.order {
		width: 100%;
	}

	/* #ifdef MP-WEIXIN */
	.order-tabs {
		width: 100%;
		background-color: #fff;
		height: 85rpx;
		line-height: 85rpx;
		margin-bottom: 20rpx;
		display: flex;
		justify-content: space-around;
		flex-direction: row;
		align-content: space-around;
		flex-wrap: wrap;
	}

	/* #endif */
	/* #ifdef H5 */
	.order-tabs {
		width: 100%;
		margin: auto;
		background-color: #fff;
		height: 42px;
		line-height: 42px;
		display: flex;
		justify-content: space-around;
		flex-direction: row;
		align-content: space-around;
		flex-wrap: wrap;
		margin-bottom: 30rpx;
	}

	/* #endif */
	.son {
		width: 100%;
	}

	.income {
		width: 100%;
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 120rpx;
	}

	.income text {
		color: #ccc;
	}
</style>